﻿<phone:PhoneApplicationPage 
    x:Class="OnlineVideos.Details" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
   xmlns:LART="clr-namespace:OnlineVideos"
    xmlns:my="clr-namespace:Microsoft.Advertising.Mobile.UI;assembly=Microsoft.Advertising.Mobile.UI"
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
    xmlns:inputtoolkit="clr-namespace:MarkHeath.StarRating;assembly=MarkHeath.StarRating"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait"  Orientation="Portrait"
    shell:SystemTray.IsVisible="False"
    Loaded="PhoneApplicationPage_Loaded">
 
    <Grid x:Name="mainGrid" Background="{StaticResource bipivot}">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="80"/>
        </Grid.RowDefinitions>
        <Grid x:Name="LayoutRoot" Background="Transparent">
            <!--Pivot Control-->
            <phone:Pivot x:Name="pvtMainDetails" SelectionChanged="pvtMainDetails_SelectionChanged">
              <phone:Pivot.Title>
                    <StackPanel Orientation="Horizontal" Margin="0,0,0,0">
                        <Image Style="{StaticResource DetailPagePivotTitleImage}" x:Name="imgTitle" MouseLeftButtonDown="imgTitle_MouseEnter"/>
                        <TextBlock x:Name="tblkVideosTitle" TextWrapping="NoWrap" Style="{StaticResource DetailPagePivotTitle}" />
                    </StackPanel>
                </phone:Pivot.Title>
              <phone:Pivot.Foreground>
                    white
                </phone:Pivot.Foreground>

                <!--Pivot item one-->
              <phone:PivotItem x:Name="pvtitmDetail" Header="detail">
                    <Grid x:Name="DetailGrid"><LART:ShowDescription x:Name="showDesc" />
                    </Grid>
                </phone:PivotItem>

                <!--Pivot item Two-->
              <phone:PivotItem x:Name="pvtitmCast" Header="cast">
                    <Grid x:Name="CastGrid"><LART:ShowCast x:Name="showcastList" />
                    </Grid>
                </phone:PivotItem>

                <!--Pivot item three-->
              <phone:PivotItem x:Name="pvtitmChapters" Header="chapters">
                    <Grid x:Name="chaptersGrid"><LART:ShowChapters x:Name="showChapterList" />
                    </Grid>
                </phone:PivotItem>
                
                <!--Pivot item four-->
              <phone:PivotItem x:Name="pvtitmSongs" Header="songs" >
                    <Grid x:Name="SongsGrid"><LART:ShowVideos x:Name="VideoList" />
                    </Grid>
                </phone:PivotItem>

                <!--Pivot item five-->
                <phone:PivotItem x:Name="pvtitmcomedy" Header="comedy" >
                    <Grid x:Name="ComedyGrid">
                        <LART:ShowComedy x:Name="ComedyList" />
                    </Grid>
                </phone:PivotItem>
                <!--Pivot item six-->
              <phone:PivotItem x:Name="pvtitmAudio" Header="audio">
                    <Grid x:Name="AudioGrid">
                    <LART:ShowAudio x:Name="ShowAudioList" />
                    </Grid>
                </phone:PivotItem>

                <!--Pivot item seven-->
              <phone:PivotItem x:Name="pvtitmLirics" Header="lyrics">
                    <Grid x:Name="LiricsGrid">
                  <LART:Lyrics x:Name="showLyrics" />
                    </Grid>
                </phone:PivotItem>

                <!--Pivot item eight-->
              <phone:PivotItem  Margin="0,-30,0,0" x:Name="gamepivot" Header="game" Foreground="White" >
                    <Grid x:Name="GameGrid">
                        <StackPanel Name="gamestk" >
                            <LART:MemoryGame x:Name="game" />
                        </StackPanel>
                    </Grid>
                </phone:PivotItem>
            </phone:Pivot>

            <toolkit:PerformanceProgressBar
            VerticalAlignment="Top"
            x:Name="performanceProgressBar"/>
        </Grid>
        <StackPanel Name="adstaCast" Grid.Row="1" Orientation="Vertical" Margin="0,0,0,0" >
        </StackPanel>
    </Grid>
    <phone:PhoneApplicationPage.ApplicationBar>

        <shell:ApplicationBar x:Name="appbar" IsVisible="False" IsMenuEnabled="True">
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem x:Name="btnshare" Text="Share this" Click="btnshare_Click_1"/>
                <shell:ApplicationBarMenuItem x:Name="btnadd"   Text="Add" Click="btnadd_Click_1"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>
</phone:PhoneApplicationPage>